<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
	    <title></title>
	    <link rel="stylesheet" type="text/css" href="css/reset.css"/>
	    <link rel="stylesheet" type="text/css" href="css/common.css"/>
	    <link rel="stylesheet" type="text/css" href="css/love2.css"/>
	    <link rel="stylesheet" type="text/css" href="css/iconfont.css"/>
	</head>
	<body>
		<div id="wrap">
			<!--<header></header>-->
			<section>
				<img class="bg" src="images/tu.jpg" alt="" />
				<div class="bl"></div>
				<div class="ball">
					<a href="#"><img src="images/1.jpg" alt="" /></a>
					<a href="#"><img src="images/2.jpg" alt="" /></a>
					<a href="#"><img src="images/3.jpg" alt="" /></a>
					<a href="#"><img src="images/4.jpg" alt="" /></a>
					<a href="#"><img src="images/5.jpg" alt="" /></a>
					<!--<img src="img/1.jpg" alt="" />
					<img src="img/1.jpg" alt="" />
					<img src="img/1.jpg" alt="" />
					<img src="img/1.jpg" alt="" />
					<img src="img/1.jpg" alt="" />-->
				</div>
				<div class="h">
					<span class="close"></span>
					<div class="box">
						<ul>
							<li><img src="images/h1.jpg"/></li>
							<li><img src="images/h2.jpg" /></li>
							<li><img src="images/h3.jpg" /></li>
							<li><img src="images/h4.jpg" /></li>
							<li><img src="images/h5.jpg" /></li>
							<li><img src="images/h6.jpg" /></li>
							<li><img src="images/h7.jpg" /></li>
							<li><img src="images/h8.jpg" /></li>
							<li><img src="images/h7.jpg" /></li>
							<li><img src="images/h10.jpg" /></li>
						</ul>
					</div>
					<!--<div class="box box2">
						<ul>
							<li><img src="images/h1.jpg"/></li>
							<li><img src="images/h2.jpg" /></li>
							<li><img src="images/h3.jpg" /></li>
							<li><img src="images/h4.jpg" /></li>
							<li><img src="images/h5.jpg" /></li>
							<li><img src="images/h6.jpg" /></li>
							<li><img src="images/h7.jpg" /></li>
							<li><img src="images/h8.jpg" /></li>
							<li><img src="images/h7.jpg" /></li>
							<li><img src="images/h10.jpg" /></li>
						</ul>
					</div>-->
					<span class="wait"></span>
				</div>
				<div class="f">
					<span class="close"></span>
					<div class="box"><!--舞台元素，设置perspective,让其子元素获得透视效果-->
						<div class="container"><!--容器，设置transform-style:perserve-3d,让其子元素在3D空间呈现-->
							<div class="top slide"></div> <!--立方体的六个面-->
							<div class="bottom slide"></div>
							<div class="left slide"></div>
							<div class="right slide"></div>
							<div class="front slide"></div>
							<div class="back slide"></div>
						</div>
					</div>
				</div>
				<!--翻转-->
				<div class="con3">
					<span class="close"></span>
					<div class="con3_box">
						<img src="images/con3_1.jpg" alt="" />
						<img src="images/con3_2.png" alt="" />
						<img src="images/con3_3.png" alt="" />
						<img src="images/con3_4.png" alt="" />
						<img src="images/con3_5.jpg" alt="" />
						<img src="images/con3_6.png" alt="" />
						<img src="images/con3_7.png" alt="" />
						<img src="images/con3_8.png" alt="" />
						<img src="images/con3_9.png" alt="" />
						<img src="images/con3_10.png" alt="" />
						<img src="images/con3_1.jpg" alt="" />
						<img src="images/con3_2.png" alt="" />
						<img src="images/con3_3.png" alt="" />
						<img src="images/con3_4.png" alt="" />
						<img src="images/con3_5.jpg" alt="" />
						<img src="images/con3_6.png" alt="" />
						<img src="images/con3_7.png" alt="" />
						<img src="images/con3_8.png" alt="" />
						<img src="images/con3_9.png" alt="" />
						<img src="images/con3_10.png" alt="" />
						<img src="images/con3_1.jpg" alt="" />
						<img src="images/con3_2.png" alt="" />
						<img src="images/con3_3.png" alt="" />
						<img src="images/con3_4.png" alt="" />
						<img src="images/con3_5.jpg" alt="" />
						<img src="images/con3_6.png" alt="" />
						<img src="images/con3_7.png" alt="" />
						<img src="images/con3_8.png" alt="" />
						<img src="images/con3_9.png" alt="" />
						<img src="images/con3_10.png" alt="" />
					</div>
				</div>
			</section>
			<!--<footer>
				<figure class="fig">
					<i class="iconfont icon-xiangce1"></i>
					<span>相册</span>
				</figure>
				<figure class="fig">
					<i class="iconfont icon-xiangce1"></i>
					<span>相册</span>
				</figure>
				<figure class="fig">
					<i class="iconfont icon-xiangce1"></i>
					<span>相册</span>
				</figure>
				<figure class="fig">
					<i class="iconfont icon-xiangce1"></i>
					<span>相册</span>
				</figure>
				<figure class="fig">
					<i class="iconfont icon-xiangce1"></i>
					<span>相册</span>
				</figure>
			</footer>-->
		</div>
	</body>
	<script src="js/jquery-1.11.0.js"></script>
	<script src="js/love2.js"></script>
</html>
